export default {
    functional:true, 

    render(h,{parent,data}){ //current $route 
        console.log(parent.$route)
        let route = parent.$route ; //获取current对象 
        // 一次将matched的结果赋予给每个router-view
        // 如何区分改渲染那个router-view

        // 每次渲染的时候 给个标识 
        console.log(parent.$vnode)
        let depth =0 ;
        while(parent){
            if(parent.$vnode&&parent.$vnode.data.routerView){
                depth++
            }
        }
        
        
        // 两个router-view  [ /about  /about/a]    如果只渲染/about后面那个就可能没有/about/a
       let record =  route.matched[depth]
        if(!record){
            return h() //空
        }
        data.routerView = true ;
        return h(record.component,data)
    }
}